<!--展开收缩-->
<template>
  <div>
    <div class="info pdh-0 pdv-0 pdt-1 line-bottom line-color-tip" :class="{'active':isShow}">
      <div class="title font-28 mgv-0 font-bold link-arrow link" :class="{'active':isShow}" @click="isShow=!isShow">{{title}}
        <span class="pull-right sub-text" v-if="isShow">收起详情</span>
        <span class="pull-right sub-text" v-if="!isShow">展开详情</span>
      </div>
    </div>
    <template v-if="isShow">
      <slot></slot>
    </template>
  </div>
</template>

<script>
  export default {
    name: '',
    props: ['title', 'pShow'],
    components: {
    },
    data () {
      let me = this
      return {
        infinite: true,
        isShow: !me.pShow,
        type: '1',  // 执法类型：1责令，2当场处罚
        punishInfo: {},
        objectsType: { // 对象类型(0自然人、1法人、2个人独资、3个体工商户)
          '0': '自然人',
          '1': '法人',
          '2': '个人独资',
          '3': '个体工商户',
          'P': '自然人',
          'Z1': '法人',
          'Z2': '个人独资',
          'Z3': '个体工商户'
        },
        sexName: { // 0未知，1男，2女
          '0': '未知',
          '1': '男',
          '2': '女'
        }
      }
    },
    created () {
//      this.getInfo()
    },
    methods: {
    }
  }
</script>

<style scoped lang="scss">
  .title.link-arrow.link {
    border-color:#eeeeee;
    &.active {
      border-color:#0f9ceb;
    }
  }
</style>
